.circle {
	z-index: -1;
	border: 2px solid;
	border-radius: 50%;
	position: fixed;

	&.is-red {
		border-color: #ffabaf;
	}

	&.is-yellow {
		border-color: #f2d76b;
	}

	&.is-gray {
		border-color: #c5d9ed;
	}

	&.is-medium {
		width: 162px;
		height: 162px;

		&.is-position-1 {
			top: 10%;
			left: -81px;
		}

		&.is-position-2 {
			top: 40%;
			right: -81px;
		}

		&.is-position-3 {
			bottom: -81px;
			left: 60%;
		}
	}
}
